﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../css/public.css" rel="stylesheet" />
    <style type="text/css">
        table {
            border-collapse: collapse;
        }

        table, td, th {
            /*border:1px solid black;*/
        }

.left_marginal {
    position: relative;
    margin-left: 200px;
}

.marginal_heading {
    position: absolute;
    left: -200px;
    top: 0;
    margin: 0;
}

.index {
    position: relative;
    margin-left: 120px;
}

.graphic_dropcap {
    position: absolute;
    width: 153px;
    height: 148px;
    left: -120px;
    top: 0;
}

    .graphic_dropcap span {
        position: absolute;
        width: 153px;
        height: 148px;
        left: 0px;
        top: 0px;
        margin: 0px;
        background: url("../img/head.jpg")no-repeat;
    }


ul li {
    list-style-position: inside;
}

    ul li a {
        margin-left: 30px;
    }
.yyy {
    margin:auto;
    width:500px;
    height:500px;
    position:relative;
}
.aaa {
    position:absolute;
    margin-top:50px;
    margin-left:100px;
    width:100px;
    height:100px;
    background:red;
}
.bbb {
    position:absolute;
    margin-left:20px;
    width:100px;
    z-index:-1;
    height:100px;
    background:#000;
}
.ccc {
    position:absolute;
    margin-left:10px;
    z-index:-2;
    width:100px;
    height:100px;
    background:#b6ff00;
}
.sss {
    width:100px;
    height:100px;
    background:#ffd800;
}
.nav_weizi {
    margin:auto;
    width:500px;
    
}
    </style>
</head>
<body>
    <!--<h1>zddzhaodandan</h1>
    <div class="left_marginal">
        <h2 class="marginal_heading">heading</h2>
        zxcvcvcvbvbbnnnnmn,mn,knknknknknknknnk
    </div>

    <h1>zddzhaodandan</h1>
    <p class="index">
        <span class="graphic_dropcap">M<span></span></span>
        The ICD had its origin in the World Conference for the Wellbeing of Children in Geneva, Switzerland in 1925. It is not clear as to why June 1 was chosen as the ICD: one theory has it that the Chinese consul-general in San Francisco (USA) gathered a number of Chinese orphans to celebrate the Dragon Boat Festival in 1925, which happened to be on June 1 that year, and also coincided with the conference in Geneva. 
    </p>-->
    <table border='1' align='center'>
        <tr>
            <td>分公司</td>
            <td>营业厅</td>
            <td>业务</td>
        </tr>
        <tr>
            <td rowspan='5'>分公司A</td>
            <td rowspan='2'>营业厅1</td>
            <td>业务A</td>
        </tr>
        <tr>
            <td>业务B</td>
        </tr>
        <tr>
            <td rowspan='3'>营业厅2</td>
            <td>业务1</td>
        </tr>
        <tr>
            <td>业务2</td>
        </tr>
        <tr>
            <td>业务3</td>
        </tr>
    </table>



    <div style="width:500px; margin:auto;">
        <ul>
            <li><a>11111</a></li>
            <li><a>11111</a></li>
            <li><a>11111</a></li>
            <li><a>11111</a></li>
            <li><a>11111</a></li>
            <li><a>11111</a></li>
            <li>11111</li>
            <li>11111</li>
            <li>11111</li>
            <li>11111</li>
            <li>11111</li>
        </ul>

    </div>
    <div class="yyy">
    <div class="aaa"></div>
    <div class="sss"></div>
    <div class="bbb"></div>
    <div class="ccc"></div>
    </div>

</body>
</html>
